<template>
    <div class="content">
      <div class="contentMessage">
        <ul class="message">
          <li>
            <span class="score"><span class="number">4.9</span>分<span class="classies">很棒</span></span><br>
            <span class="commentNumber"><span>9910条评论</span>&nbsp;&nbsp;&nbsp;<span>3条攻略</span></span>
          </li>
          <li>
            <span class="mp-sightcard-title">景点开放</span><br>
            <span class="mp-sightcard-time">开放时间、贴士</span>
          </li>
        </ul>
        <div class="address">
          <p class="border-top"><span class="location"></span><span class="locationText">河南省郑州市中牟县郑开大道与人文路交汇口以南</span></p>
        </div>
      </div>
      <div class="entranceTicket">
        <ul class="ticketClassify">
          <li>门票</li>
          <li>一日游</li>
        </ul>
        <ul class="ticket">
          <li><span class="ticketPic"></span><span class="ticketText">门票</span></li>
          <li><span class="ticketPerson">成人票</span><span class="ticketPrice"><span>¥</span><span>260</span><span>起</span></span></li>
          <li><span class="ticketPerson">儿童票（1.0-1.5M）</span><span class="ticketPrice"><span>¥</span><span>190</span><span>起</span></span></li>
          <li><span class="ticketPerson">大学生票（携带有效学生证件）</span><span class="ticketPrice"><span>¥</span><span>200</span><span>起</span></span></li>
        </ul>
        <ul class="tour">
          <li><span class="tourPic"></span><span class="tourText">一日游</span></li>
          <li><span class="tourPerson">【郑州出发】郑州方特欢乐世界1日游</span><span class="tourPrice"><span>¥</span><span>260</span><span>起</span></span></li>
          <li><span class="tourPerson">【洛阳出发】郑州方特欢乐世界1日游</span><span class="tourPrice"><span>¥</span><span>260</span><span>起</span></span></li>
        </ul>
      </div>
      <div class="comment">
        <p>用户评论</p>
        <div>

        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'DetailContent'
}
</script>

<style lang="stylus" scoped>
.content
  width 100%
  background #f5f5f5
  .contentMessage
    width 100%
    background #fff
    .message
      with 100%
      overflow hidden
      li
        float left
        width 49%
        font-size .30rem
        .score
          display inline-block
          color #ff8300
          font-size .28rem
          padding-left .20rem
          margin-top .20rem
          .number
            padding-right .1rem
            font-size .44rem
          .classies
            padding-left .25rem
        .commentNumber
          display inline-block
          color #9e9e9e
          font-size .24rem
          padding-left .20rem
          margin-top .10rem
        .mp-sightcard-title
          display inline-block
          font-size .28rem
          color #212121
          line-height .48rem
          padding-left .3rem
          margin-top .20rem
        .mp-sightcard-time
          color #9e9e9e
          font-size .24rem
          padding-left .3rem
    .address
      padding 0rem .2rem
      margin .2rem auto
      p
        padding .2rem 0rem
        overflow hidden
        .location
          background url("/static/img/detail.png") 0px -90px no-repeat
          display inline-block
          background-size 80%
          width .5rem
          height .38rem
          float left
        .locationText
          float left
          display inline-block
          line-height .38rem
  .entranceTicket
    width 100%
    margin-top .2rem
    .ticketClassify
      background #fff
      overflow hidden
      li
        display inline-block
        height .92rem
        line-height .96rem
        width 50%
        float left
        text-align center
        font-size .30rem
    .ticket
      background #fff
      li
        border-top 1px solid #e0e0e0
        overflow hidden
        position relative
        z-index 4
        margin-bottom -.02rem
        padding 0 .2rem
        height .88rem
        background #fff
        color #333
        font-size .30rem
        line-height .88rem
        .ticketPic
          background url(/static/img/detail.png) 0px -21px no-repeat
          display inline-block
          background-size 80%
          width 0.5rem
          height 0.38rem
          margin-top .22rem
          float left
        .ticketText
          float left
          display inline-block
          line-height .88rem
        .ticketPerson
          float left
        .ticketPrice
          float right
          span:nth-child(1)
            color #ff9800
            font-size .24rem
            padding-right .05rem
          span:nth-child(2)
            color #ff9800
            font-size .40rem
            padding-right .05rem
          span:nth-child(3)
            color #9e9e9e
            font-size .24rem
    .tour
      background #fff
      margin-top .2rem
      li
        border-top 1px solid #e0e0e0
        overflow hidden
        position relative
        z-index 4
        margin-bottom -.02rem
        padding 0 .2rem
        height .88rem
        background #fff
        color #333
        font-size .30rem
        line-height .88rem
        .tourPic
          background url(/static/img/detail.png) 0px -44px no-repeat
          display inline-block
          background-size 80%
          width 0.5rem
          height 0.38rem
          margin-top .22rem
          float left
        .tourText
          float left
          display inline-block
          line-height .88rem
        .tourPerson
          float left
        .tourPrice
          float right
          span:nth-child(1)
            color #ff9800
            font-size .24rem
            padding-right .05rem
          span:nth-child(2)
            color #ff9800
            font-size .40rem
            padding-right .05rem
          span:nth-child(3)
            color #9e9e9e
            font-size .24rem
  .comment
    background #fff
    margin-top .2rem
</style>
